// import 语句的路径只支持相对路径
import axios from '../../request/myAxios';

Page({

  // 页面数据 - 和页面渲染有直接关系的
  data: {
    // 轮播图数据
    swiperData: [],
    // 导航入口数据
    navData: [],
    // 商品楼层数据
    floorData: [],
  },
  // 接口1：轮播图
  getSwiperData() {
    axios({ url: '/home/swiperdata' })
      .then(res => {
        this.setData({
          swiperData: res
        });
      });
  },
  // 接口2：导航入口
  getNavData() {
    axios({ url: '/home/catitems' })
      .then(res => {
        res.forEach(item => {
          if (item.navigator_url) {
            // 遍历的时候，把内部的路径修改了
            item.navigator_url = item.navigator_url.replace('/main', '/index');
          }
        });
        this.setData({
          navData: res
        });
      });
  },
  // 接口3：商品楼层
  getFloorData() {
    axios({ url: '/home/floordata' })
      .then(floorData => {
        floorData.forEach((item, index) => {
          item.id = index;
        });
        this.setData({
          floorData
        });
      });
  },
  // 页面加载的生命周期函数
  onLoad() {
    // 把接口抽离出去 - 是个好习惯 - 大项目中更容易维护
    this.getSwiperData();
    this.getNavData();
    this.getFloorData();
  },

  // 小程序页面事件，不要写到 methods 中，那是 Vue 的写法
  // methods: {}

  // 小程序页面事件直接和生命周期函数同级书写
  // 封装一个跳转页面的方法
  goToPage(e) {
    const { open_type, navigator_url } = e.currentTarget.dataset.item;
    // console.log(open_type, navigator_url);
    // 判断一下打开方式
    if (open_type === 'switchTab') {
      // switchTab 方式就用 wx.switchTab() 打开
      wx.switchTab({
        url: navigator_url
      });
    }
  },

});